
#myheart{
    width:100%;
    .myheart{
        width:1200px;
        margin:20px auto;
//      头部开始
        .mhtop{
            float:left;
            
            .mhtp{
                line-height: 20px;
                .mhta{
                    &:hover{
                        color: #D43F3A;
                    }
                }
            }
        }
//      头部结束
//      正文开始
        .import{
                width:1200px;
                margin:20px 0;
               float:left;
    //         左侧开始
               .mileft{
                   width:202px;
                   float:left;
    //             上部开始
                   .shang{
                       width:200px;
                       height:30px;
                       border:1px solid #C0C0C0;
                       .mist{
                           width:18px;height:30px;
                           line-height: 30px;
                           margin-left:30px;
                           float:left;
                           background:url(../images/01.jpg)no-repeat 0 5px;
                       }
                       .misw{
                           color: #333;
                           line-height: 30px;
                           margin-left:10px;
                            font-family: "宋体";
                            font-weight: 700;
                           float:left;
                       }
                   }
    //             上部结束
                //列表开始
                    .milie{
                        width:200px;
                        
                        height:450px;
                        line-height:30px;
                        border:1px solid #C0C0C0;
                        .miis{
                             padding-left:20px;
                            width:180px;
                            background:#B3B3B3;
                            float:left;
                        }
                        li{
                            width:180px;
                            height:29px;
                            border-bottom:1px dashed #D4D4D4;
                            float:left;
                            padding-left:20px;
                            position:relative;
                            .miia{
                                &:hover{
                                    color:#D43F3A;
                                }
                            }
                            .miils{
                                width:9px;height:9px;
    //                          border:1px solid red;
                                display: inline-block;
                                position: absolute;left:150px;top:10px;
                                background:url(../images/side-nav.gif)no-repeat -139px -70px;
                            }
                        }
                        .milend{
                            border:none;
                        }
                    }
                //列表结束
                }
    //         左侧结束
//  第一版右侧开始
//         右侧开始
           .miright{
               width:940px;margin-left:50px;
//             border-bottom:1px solid #C0C0C0;
               float:left;
                   <!--右侧顶部-->
                   .mirt{
                       width:800px;
                       line-height:30px;
                        border-bottom:1px solid #C0C0C0;
                       float:left;
                      .mirts{
                          height:31px;
                          line-height:31px;
                          font-size:14px;
                          font-weight: 700;
                          display:inline-block;
                          border-bottom:2px solid #D43F3A;
                      }
                   }
                   
//              <!--右侧公共部分-->  
                    .mirpublic{
                        width:940px;
                       
                        height:20px;
                        font-size:12px;
                        line-height: 20px;
//                      float:left;
                        margin-top:30px;
                        .mirsafe{
                            width:44px;height:11px;
                            line-height: 11px;
                            display: inline-block;
                            text-align: center;
                            border:1px solid red; 
                            background:#D1D3D2;
                        }
                        .mirfirst{
                            background:url(../images/securitysprites.png)no-repeat 0 0;
                        }
                        .safe{color:#D43F3A;}
                        .verify{
                            height:20px;
                            display:inline-block;
                            margin-left:10px;
                            width:80px;line-height: 20px;
                            .safe{
                                display:inline-block;
                                float:left;
                                .mirbj1{
                                    width:20px;height:18px;
                                    display: inline-block;
                                    float:left;
                                    background: url(../images/securitysprites.png)no-repeat 0 -13px;
                                }
                                .mirbj2{
                                    width:20px;height:18px;
                                    display:block;
                                    background: url(../images/securitysprites.png)no-repeat 0 -33px;
                                }
                                .mirbj3{
                                    width:20px;height:18px;
                                    display:block;
                                    background: url(../images/securitysprites.png)no-repeat 0 -53px;
                                }
                                .milaword{
                                    width:60px;display:block;margin-left:25px;
                                }
                                .safend{
                                width:90px;
                            }
                            }
                            
                            
                        }
                        .endd{
                            width:120px;
                        }
                        
                    }
//                  公共部分结束
                    //表单开始
                    .order{
                         width:940px;
                         height:150px;
//                       border-bottom:1px solid #C0C0C0;
                         float:left;
                         .mirorder{
                             width:940px;
                              height:40px;
                             float:left; 
                             border-bottom:2px solid #D43F3A; 
                             &> li{
                                width:100px;
                                float:left;
                                height:30px;
                                margin-right:10px;
                                margin-top:10px;
                               position:relative;
                                
//                             标题
                                &> .ordtitle{
                                    width:98px;height:28px;
                                    display:inline-block;
                                      background:#D1D3D2;
                                     border:1px solid #ADADAD;                                 
                                    line-height:28px;text-align: center;
                                    &:hover{
                                        border:1px solid #D43F3A;
                                       background:#D43F3A;
                                        color:white;
                                        font-weight: 700px;
                                       
                                    }
                                }
//                              表单
                                &> .ordertable{
                                     width:940px;
                                     height:100px;
                                     position: absolute;left:0;top:60px;
                                     float:left; 
//                                   display:none;
                                     border:1px solid #ADADAD;
                                 
                                     td{
                                         padding-left:30px;
                                     }
                                     .ordfir{
                                         height:30px;
                                         

                                     }
                                     .ordersec{ height:70px;
                                        line-height: 70px;
                                         span{
                                             margin-left:10px;
                                         }
                                        
                                         .orderimg{
                                             width:50px;height:50px;
                                         }
                                         .quxiao{
                                             &:hover{
                                                 color:#D43F3A;
                                             }
                                         }
                                     }
                                     
                                }
                             }
                             
                         }
                    }
           }
//         右侧结束
//第一版右侧结束

//第二版右侧开始
            .mirsd{
                 width:940px;
                 margin-left:250px;
                 margin-top:300px;
                 height:400px;
                 border:1px solid #A3A3A3;
                 border-radius: 10px;
                 h4{
                     margin:20px;
                     padding-bottom: 20px;
                     border-bottom: 1px solid red;
                 }
                 .misdtable{
                     width:900px;height:80px;
                     margin:19px;
                     border:1px solid #D6D6D6;
                     td{
                         text-align: center;
                         a{
                         margin-right:10px;
                         &:hover{
                             color:#D43F3A;
                         }
                     }
                     
                     }
                 }
            }






//第二版右侧结束
           
           
           
           
           
            
        }






//正文结束

    }
}
